<custom-style>
<style>
  /* Colors: */
  html {
    --annotation-background-color: var(--google-green-50);
    --annotation-text-color: var(--google-green-600);
    --border-color: var(--google-grey-300);
    --grey-fill-color: var(--google-grey-100);
    --icon-color: var(--google-grey-600);
    --url-hostname-color: var(--google-blue-600);
  }

@media (prefers-color-scheme: dark) {
  html {
    --annotation-background-color: var(--google-green-300);
    --annotation-text-color: var(--google-grey-900);
    --border-color: var(--google-grey-700);
    --grey-fill-color: var(--google-grey-700);
    --icon-color: white;
    --url-hostname-color: var(--google-blue-300);
  }
}

  /* Sizes: */
  html {
    --cluster-max-width: var(--card-max-width);
    --cluster-min-width: var(--card-min-width);
    --cluster-padding-horizontal: var(--card-padding-side);
    --cluster-padding-vertical: var(--card-padding-between);
    --favicon-margin: 16px;
    --favicon-size: 16px;
    --first-cluster-padding-top: var(--first-card-padding-top);
    --pill-height: 34px;
    --pill-padding-icon: 12px;
    --pill-padding-text: 16px;
    --top-visit-favicon-size: 24px;
  }
</style>
</custom-style>
